<template>
  <t-card
    title="展品资源"
    header-bordered
    :style="{ marginBottom: '20px', width: '100%', minHeight: '100%', border: 'none' }"
  >
    <div class="child-box">
      <left-tab
        v-for="(item, index) in ProjectData.tabList"
        :key="index"
        :info="item"
        :check="checked"
        @handleClick="handleClick"
      ></left-tab>
    </div>
  </t-card>
</template>

<script setup lang="ts">
// @ts-nocheck
import { ref } from 'vue';
import leftTab from './leftTab.vue';
import { ProjectData } from '../data';
const checked = ref<number>(0);
const emit = defineEmits('chageTab');
const handleClick = (e: number): void => {
  checked.value = e;
  emit('chageTab', e);
};
</script>

<style lang="less" scoped>
.top-title {
  width: 100%;
  height: 71px;
  box-shadow: inset 0px -1px 0px 0px rgba(230, 230, 230, 0.5);
  border-bottom: 1px solid #999999;
}
.t-card__body {
  padding: 0 !important;
}
</style>
